<div id="footer">
    <div class="content">
        <div class="fl">
        	<img src="/img/footer_logo.png" alt="" />
        </div>

        <div class="fr">
        	<div class="footer-menu">
        		<span class="footer-menu-title">用户须知</span>
				<a href="#">隐私协议</a>
        	</div>
        	<div class="footer-menu">
        		<span class="footer-menu-title">联系我们</span>
				<a href="#">联系我们</a>
				<a href="#">工作机会</a>
        	</div>
        	<div class="footer-menu">
        		<span class="footer-menu-title">关于我们</span>
				<a href="#">品牌介绍</a>
				<a href="#">儿童课程</a>
				<a href="#">家长课程</a>
				<a href="#">品牌理念</a>
				<a href="#">新闻动态</a>
        	</div>
        </div>

        <div class="c"></div>

        <div class="footer-contact">
        	<a href="#" class="footer-contact-weibo"></a>
        	<a href="#" class="footer-contact-weixin"></a>
        	<a href="#" class="footer-contact-phone"></a>
        	<span class="footer-phone-text">
        		0757-22308877
        		<br />
        		咨询热线
        	</span>
        </div>

        <div class="c"></div>

        <div class="footer-bottom">
        	版权所有：Copyright ©佛山启博士教育科技有限公司 <a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备16002555号-1</a>
        </div>
    </div>
</div>

<div class="listen-btn fix-listen">
    <img src="/img/listen.png" alt="">
</div>


<div class="cover"></div>
<div class="popup">
    <div class="close"></div>
    <form class="popup-input-box" id="listen-form" action="/Index/listen" method="get">
        <div class="input" style="width: 430px; margin-right: 32px;">
            <input type="text" placeholder="孩子姓名" name="title" />
        </div>
        <div class="input" style="width: 273px; margin-right: 25px;">
            <input type="text" placeholder="孩子年龄" name="age" />
        </div>
        <div class="input-box" style="width: 279px;">
            <div class="input" style="width: 279px;">
                <span>孩子性别</span>
            </div>
            <div class="select">
                <label id="man" class="line"><input type="radio" name="sex" for="man" value="男"><span>男</span></label>
                <label id="lady"><input type="radio" name="sex" for="lady" value="女"><span>女</span></label>
            </div>
        </div>
        <div class="h20 pt3"></div>

        <div class="input-box" style="width: 526px; margin-right: 20px;">
            <div class="input" style="width: 526px;">
                <span>您是孩子的</span>
            </div>
            <div class="select">
                <label id="father" class="line"><input type="radio" name="shenfen" for="father" value="爸爸"><span>爸爸</span></label>
                <label id="mother" class="line"><input type="radio" name="shenfen" for="mother" value="妈妈"><span>妈妈</span></label>
                <label id="other"><input type="radio" name="shenfen" for="other" value="其他"><span>其他</span></label>
            </div>
        </div>
        <div class="input" style="width: 499px;">
            <input type="text" placeholder="联系电话" name="phone" />
        </div>
        <div></div>
        <input type="submit" class="popup-submit" />
    </form>
</div>

<script src="/js/jq.js"></script>
<script src="/js/jquery.form.min.js"></script>
<script src="/js/app/app.js"></script>

<script>
  $('#listen-form').on('submit', function(e) {
    e.preventDefault();

    if(!$('[name="title"]').val()) {
      alert('请输入姓名');
      return;
    }
    if(!$('[name="age"]').val()) {
      alert('请输入孩子年龄');
      return;
    }
    if(!$('[name="sex"]:checked').length) {
      alert('请选择性别');
      return;
    }
    if(!$('[name="shenfen"]:checked').length) {
      alert('请选择身份');
      return;
    }
    if(!$('[name="phone"]').val()) {
      alert('请输入电话');
      return;
    }

    $('#listen-form').ajaxSubmit(function() {
      alert("感谢您的留言");
      $('.close').trigger('click');
    });
  })

</script>